<template>
  <div class="index">
    <div class="content-left">
      <div class="title">EVA-CMS管理系统</div>
      <div class="desc">
        使用node+express+elementPlus+typeScript搭建的电商后台管理系统
        <br />
        <br />
        联系作者>微信:unhejing
      </div>
    </div>
    <div class="content-right">
      <img src="@/assets/image/main.png" alt="" />
    </div>
  </div>
</template>
<script lang="ts" setup></script>

<style lang="scss">
.index {
  display: flex;
  align-items: center;
  min-height: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 5px #888888;
  .content-left {
    width: 40%;
    text-align: right;
    .title {
      font-size: 50px;
      font-weight: bold;
      color: #324157;
    }
    .desc {
      font-size: 14px;
      margin-top: 10px;
      color: rgb(118, 117, 117);
    }
  }
  .content-right {
    width: 60%;
    img {
      width: 100%;
    }
  }
}
</style>
